@import '../../../css/workStation/light.less';

.penetrateStation {
  height: 100vh;
  background: @barra_bg;
  overflow: auto;
  padding: 75px 20px 20px 22px;
}
.showOnly {
  > div {
    display: flex;
    flex-flow: column;
    > div {
      margin-bottom: 20px;
      overflow: auto;
      // box-sizing: content-box;
    }
    > div:hover {
      box-shadow: 0px 2px 11px 0px @comp_box_shadowColor1, 0px 9px 28px 8px @comp_box_shadowColor2, 0px 6px 16px 0px @comp_box_shadowColor3, 0px 3px 6px -4px @comp_box_shadowColor4;
      border-radius: 10px;
      border: 2px solid @comp_border_color;
    }
    > div:last-child {
      margin-bottom: 0;
    }
  }
}
.showMore {
  > div {
    display: flex;
    flex-flow: wrap;
    > div {
      width: calc(~'(100% - 24px)/2 ');
      margin-right: 20px;
      margin-bottom: 20px;
      // box-sizing: content-box;
    }
    > div:hover {
      box-shadow: 0px 2px 11px 0px @comp_box_shadowColor1, 0px 9px 28px 8px @comp_box_shadowColor2, 0px 6px 16px 0px @comp_box_shadowColor3, 0px 3px 6px -4px @comp_box_shadowColor4;
      border-radius: 10px;
      border: 2px solid @comp_border_color;
    }
    > div:nth-child(2n + 2) {
      margin-right: 0px;
    }
  }
}
.CardBorderBox {
  background: @menu_bg;
  box-shadow: 0px 2px 11px 0px @comp_box_shadowColor;
  border-radius: 10px;
  .CardBox {
    padding-bottom: 20px;
  }
  .ModalBox {
    padding: 0 20px 20px 20px;
  }
}
